/** 组件英文名 */
export const componentName = "Breadcrumb";
/** 组件中文名 */
export const componentNameCh = "面包屑";
/** 组件schema片段 */
export default [
  {
    title: componentNameCh,
    screenshot: require('./__screenshots__/breadcrumb.png'),
    schema: {
      componentName,
      props: {
        componentName,
        routes: [
          {
            path: 'Home',
            breadcrumbName: '主页',
          },
          {
            path: 'Application',
            breadcrumbName: '应用中心',
          },
          {
            path: 'Setting',
            breadcrumbName: '应用管理',
          },
        ],
        itemRender: {
          type: 'JSSlot',
          params: ['route', 'params', 'routes', 'paths'],
          value: [
            {
              componentName: 'Typography.Link',
              props: {
                href: {
                  type: 'JSExpression',
                  value: 'this.route.path',
                },
                children: {
                  type: 'JSExpression',
                  value: 'this.route.breadcrumbName',
                },
              },
            },
          ],
        },
        style: {
          fontSize: "16px"
        }
      },
    },
  },
];
